<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>MyPage</title>
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
    </head>
    <body>
     <div class="col-md-12">
       <a href="#"><img src="img/user1.jpg" class="img-circle" style="width:100px;height:100px;margin-left:600px;margin-top:50px"></a>
       <h3 style="margin-left:590px;">可爱的小熊</h3>
       <small style="margin-left:570px;">一句话介绍一下自己吧，让别人更了解你</small><br><br><br><br>
     </div>
    <div style="width: 100%;height:100%;position: fixed;top:0;left:0;z-index:-1">
       <img src="img/bg2.jpg" style="width: 100%;height: 100%">
    </div>
    <div class="container" style="widht:100px">
        <div class="row">
         <div class="col-md-12" style="background:#f6f5ec;"widht: 40px> 
           <div class="col-md-4"><h5 style="margin-left:280px">我的主页</h5></div>
           <div class="col-md-4"><h5 align="center">我的相册</h5></div>
           <div class="col-md-4"><h5 style="margin-right:280px">管理中心</h5></div>
       </div>
     </div>
    </div><br>
  <div class="container">
      <div class="col-md-4" >
            <ul class="breadcrumb" style="widht:600px;" align="center">
                <li class="active"><a href="#"><strong>79</strong></a><br><small>关注</small></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <li><a href="#" class="text-muted"><strong>30</strong></a><br><small>粉丝</small></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <li><a href="#" class="text-muted"><strong>74</strong></a><br><small>微博</small></li>
              </ul>
             <div class="panel panel-default">
                
               <div class="panel-heading">
                 <h3 class="panel-title">申请认证</h3>
               </div>
              <div class="panel-body">
                 <p>个人资料完成度 60%</p>
                 <div class="progress">
                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"><span class="sr-only">40% 完成</span>
                    </div>
                 </div>
                 <a href="Information.html">编辑个人资料 ></a>
              </div>
              </div>
             <div class="container">
                 <p >相册</p>
                 <img src="img/1.jpg" height="240" width="240" >
                 <img src="img/2.jpg" height="240" width="100"><br>
                  <img src="img/3.jpg" height="100" width="120">
                  <img src="img/4.jpg" height="100" width="110">
                  <img src="img/5.jpg" height="100" width="107">
             </div>
            </div>
            
    <div class="col-md-8">
           <nav class="navbar navbar-default" role="navigation">
             <div class="container-fluid ">
                <div class="collapse navbar-collapse">
                  <ul class="nav navbar-nav">
                  <li><a href="#">全部</a></li>
                  <li><a href="#">热门</a></li>
                  <li class="dropdown">
                  <li ><a href="#" class="dropdown-toggle" data-toggle="dropdown">更多<span class="caret"></span></a>
                     <ul class="dropdown-menu">
                        <li><a>原创</a></li>
                        <li class="divider"></li>
                        <li><a>图片</a></li>
                        <li class="divider"></li>
                         <li><a>视频</a></li>
                         <li class="divider"></li>
                         <li><a>音乐</a></li>
                      </ul>
                 </li>
                 <li>
                </ul>
               <div class="navbar-form navbar-right">
                     <input type="text" class="form-control" placeholder="搜索我的微博"/>
                     <button class="btn btn-primary " >搜索</button>
               </div>
              </div>
          </nav>
        <div class="container-right">
          <div class="" style="background:#fffef9;height:390px;" >

        <div class="all-content" >
         <script>
             $(function () { $("[data-toggle='tooltip']").tooltip(); });
          </script>
          <div class="head-icon col-md-1"><img src="img/user1.jpg" class="img-circle" style="width:40px;height:40px;margin-top:10px"></div>
            <div class="content col-md-5">
            <h4><a href="MyPage.html"  data-toggle="tooltip" title="可爱的小熊关注（79）微博（74）毕业于成都东软学院">可爱的小熊</a></h4>
                <p>9月15日 21：32来自华为Ascend G7</p>
                <h4>转发微博</h4>
            </div>
          <div class="col-md-12" style="background:#f6f5ec;height:250px;">

              <p>@十点读书会</p><br>
              <p>【转发赠书】《一个人的治愈-真正的放下，是不介意再度提起》献给所有失去所爱的人。如果没有让一段关系真正“了结”，心里头的空洞依然会在那里，了结，不是遗忘，而是要在身体、情绪、精神上，把“失落发生当时来不及表示的，做个结束，如此方能治愈...”</p>
              <img src="img/shu.png" style="widht:120px;height:120px"><br>
               </div>
               <div class="col-md-12"> 
                <ul class="breadcrumb" style="height:30px;background:#fffffb" align="center">
                   <li class="active"><small>阅读208</small>&nbsp;&nbsp;<a href="#">推广</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" class="text-muted"><a href="#" class="glyphicon glyphicon-share-alt  text-muted" title="转发微博"></a>&nbsp;&nbsp;<small>转发10</small></a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" >评论<small>37</small></a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" class="text-muted">赞<small>50</small></a></li>
               </ul>
               </div>
            </div>
         </div>
      </div><br>
  <div class="container-right">
    <div class="" style="background:#fffef9;height:270px;" >
       <div class="all-content" >
          <div class="head-icon col-md-1"><img src="img/user1.jpg" class="img-circle" style="width:40px;height:40px;margin-top:10px">
          </div>
          <div class="content col-md-6">
               <h4><a href="MyPage.html"  data-toggle="tooltip" title="可爱的小熊关注（79）微博（74）毕业于成都东软学院">可爱的小熊</a></h4>
              <p>3月27日 21：32来自华为Ascend G7</p>
          </div>
        <div class="col-md-12">
              <h4>马拉松10千米，5千米，加油吧<a href="http://weibo.com/n/%E6%88%90%E9%83%BD%E4%B8%9C%E8%BD%AF%E5%AD%A6%E9%99%A2%E9%9D%92%E5%B9%B4%E5%BF%97%E6%84%BF%E8%80%85%E5%8D%8F%E4%BC%9A?from=feed&loc=at">@成都东软学院青年志愿者协会</a></h4><br>
              <img src="img/6.jpg" style="widht:100px;height:100px">
              <img src="img/7.jpg"style="widht:100px;height:100px">
              <img src="img/8.jpg"style="widht:100px;height:100px">
              <img src="img/9.jpg"style="widht:100px;height:100px">
         </div><br>
             <div class="col-md-12"> 
                <ul class="breadcrumb" style="height:30px;background:#fffffb" align="center">
                   <li class="active"><small>阅读208</small>&nbsp;&nbsp;<a href="#">推广</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" class="text-muted"><a href="#" class="glyphicon glyphicon-share-alt  text-muted" title="转发微博"></a>&nbsp;&nbsp;<small>转发10</small></a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" >评论<small>37</small></a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" class="text-muted">赞<small>50</small></a></li>
               </ul>
              </div>
        </div>
       </div>
    </div><br>
    <div class="container-right">
      <div class="" style="background:#fffef9;height:140px;" >
        <div class="all-content" >
          <div class="head-icon col-md-1"><img src="img/user1.jpg" class="img-circle" style="width:40px;height:40px;margin-top:10px"></div>
            <div class="content col-md-5">
               <h4><a href="MyPage.html"  data-toggle="tooltip" title="可爱的小熊关注（79）微博（74）毕业于成都东软学院">可爱的小熊</a></h4>
                <p>2月15日 21：32来自华为Ascend G7</p>
            </div>
          <div class="col-md-12" >
             <p>羡慕别人，不如崇拜自己</p>
          </div><br>
          <div class="col-md-12"> 
                <ul class="breadcrumb" style="height:30px;background:#fffffb" align="center">
                   <li class="active"><small>阅读208</small>&nbsp;&nbsp;<a href="#">推广</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" class="text-muted"><a href="#" class="glyphicon glyphicon-share-alt  text-muted" title="转发微博"></a>&nbsp;&nbsp;<small>转发10</small></a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" >评论<small>37</small></a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" class="text-muted">赞<small>50</small></a></li>
               </ul>
              </div>
        
      </div>
    </div>
  </div><br>
   <div class="container-right">
      <div class="" style="background:#fffef9;height:340px;" >
        <div class="all-content" >
          <div class="head-icon col-md-1"><img src="img/user1.jpg" class="img-circle" style="width:40px;height:40px;margin-top:10px"></div>
            <div class="content col-md-5">
               <h4><a href="MyPage.html"  data-toggle="tooltip" title="可爱的小熊关注（79）微博（74）毕业于成都东软学院">可爱的小熊</a></h4>
                <p>2月13日 21：32来自<a href="#">分享按钮</a></p>
            </div>
          <div class="col-md-12" >
             <p>学生会就食堂价格上涨问题的明确态度_成都东软学院吧_百度贴吧<a href="http://t.cn/RLDI8JW">_网页链接</a></p>
             <img src="img/10.jpg">
          </div><br><br>
          <div class="col-md-12"> 
               <ul class="breadcrumb" style="height:30px;background:#fffffb" align="center">
                   <li class="active"><small>阅读208</small>&nbsp;&nbsp;<a href="#">推广</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" class="text-muted"><a href="#" class="glyphicon glyphicon-share-alt  text-muted" title="转发微博"></a>&nbsp;&nbsp;<small>转发10</small></a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" >评论<small>37</small></a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   <li><a href="#" class="text-muted">赞<small>50</small></a></li>
               </ul>
              </div>
        
      </div>
    </div>
  </div>
   
</div>
</div>
</div><br>
  <div class="footer text-center" style="margin-top:100px">
    <a href="#">关于我们</a>- <a href="#">广告合作</a>-<a href="#">联系我们 </a>-<a href="#">免责声明</a>-<a href="#">网站地图</a><br>
    <p>CopyRight 2006-2016 JB51.Net Inc All Rights Reserved. 脚本之家 版权所有</p>
</div>
    </body>
</html>